<template>
    <div class="img_show" v-show="show">
        <img :src="url">
        <slot></slot>
    </div>
</template>

<script>
export default {
    name: 'ImgShow',
    props:{
        url:{
            type:String
        },
        show:{
            type:Boolean,
            required:true,
            default:false
        }
    },
    data() {
        return {
            
        };
    },

    mounted() {
        
    },

    methods: {
        
    },
};
</script>

<style lang="scss" scoped>
.img_show{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: black;
    img{
        width: 100%;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);

    }
}

</style>